<script lang="jsx">
import {ref} from 'vue'
// export default {
//   data() {
//     return {
//       count: 999
//     }
//   },
//   render() {
//     return (
//       <>
//         <div>JSX组件</div>
//         <p>{this.count}</p>
//         <button onClick={this.btnClick}>+</button>
//       </>
//     )
//   },
//   methods: {
//     btnClick() {
//       this.count++
//     }
//   },
// }

// setup写法
export default {
  setup(props) {
    const count = ref(1)
    const btnOnclick = () => {
      count.value++
    }
    return () => (
      <>
        <div>count</div>
        <div>{count.value}</div>
        <button onClick={btnOnclick}>+</button>
      </>
    )
  }
}
</script>

<style>

</style>